<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kimi商城</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
  <header>
    <div class="top">
    </div>
    <div class="nav">
      <ul class="nav-p">
        <a href="">
          <li>小米商城</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>MIUI</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>LoT</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>云服务</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>天星数科</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>有品</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>小爱开放平台</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>企业团购</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>资质证照</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>协议规则</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>下载app</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>智能生活</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>Select Location</li>
        </a>
      </ul>
      <div class="list">
        <ul>
          <li>
            Somre
            <p>></p>
            <div class="box">
              <ul>
                <a href="">
                  <li>个人中心</li>
                </a>
                <a href="">
                  <li>评价晒单</li>
                </a>
                <a href="">
                  <li>我的喜欢</li>
                </a>
                <a href="">
                  <li>小米账户</li>
                </a>
                <a href="">
                  <li>退出登录</li>
                </a>
              </ul>
            </div>
          </li>
        </ul>
        <div class="clear"></div>
      </div>
      <ul class="nav-p nav-r">
        <a href="">
          <li>登录</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>注册</li>
        </a>
        <div class="ver-line"></div>
        <a href="">
          <li>消息通知</li>
        </a>
        <div class="ver-line"></div>
      </ul>
      <div class="shopping">
        <i class="iconfont icon-gouwuche1"></i>
        购物车（0）
      </div>
    </div>
  </header>
  <section class="content">
    <div class="navbar">
      <div class="logo">
        <img src="./assets/images/navbar-logo.png" alt="navbar-logo">
        <img src="./assets/images/navbar-logo2.png" alt="navbar-logo2">
      </div>
      <div class="bar">
        <ul class="bar-big">
          <a href="">
            <li class="container">
              小米手机
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi11-1.webp" alt="S-navbar1-mi11-1">
                    </div>
                    <p class="grey">小米11</p>
                    <p class="orange">3999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-2.webp" alt="S-navbar1-mi10-2">
                    </div>
                    <p class="grey">小米10至尊纪念版</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-3.webp" alt="S-navbar1-mi10-3">
                    </div>
                    <p class="grey">小米10</p>
                    <p class="orange">3399元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-4.webp
                      " alt="S-navbar1-mi10-4">
                    </div>
                    <p class="grey">小米10&nbsp;青春版 5G</p>
                    <p class="orange">2099元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mix-5.webp" alt="S-navbar1-mix-5">
                    </div>
                    <p class="grey">小米MIX&nbsp;Alpha</p>
                    <p class="orange">19999元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              Redmi&nbsp;红米
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-1.webp" alt="S-navbar2-1">
                    </div>
                    <p class="grey">Redmi&nbsp;Note&nbsp;9&nbsp;系列</p>
                    <p class="orange">999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-2.webp" alt="S-navbar2-2">
                    </div>
                    <p class="grey">Redmi&nbsp;K30S&nbsp;至尊纪念版</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-3.webp" alt="S-navbar2-3">
                    </div>
                    <p class="grey">Redmi&nbsp;K30&nbsp;至尊纪念版</p>
                    <p class="orange">1999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-4.webp" alt="S-navbar2-4">
                    </div>
                    <p class="grey">Redmi&nbsp;9A</p>
                    <p class="orange">599元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-5.webp" alt="S-navbar2-5">
                    </div>
                    <p class="grey">Redmi&nbsp;K30&nbsp;系列</p>
                    <p class="orange">1799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-6.webp" alt="S-navbar2-6">
                    </div>
                    <p class="grey">Redmi&nbsp;10X</p>
                    <p class="orange">999元起</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              电视
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-1.webp" alt="S-navbar3-1">
                    </div>
                    <p class="grey">小米电视大师&nbsp;82英寸至尊纪念版</p>
                    <p class="orange">49999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-2.webp" alt="S-navbar3-2">
                    </div>
                    <p class="grey">小米电视大师&nbsp;82英寸</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-3.webp" alt="S-navbar3-3">
                    </div>
                    <p class="grey">小米透明电视</p>
                    <p class="orange">49999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-4.webp" alt="S-navbar3-4">
                    </div>
                    <p class="grey">小米电视&nbsp;大师&nbsp;65英寸OLED</p>
                    <p class="orange">9999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-5.webp" alt="S-navbar3-5">
                    </div>
                    <p class="grey">Redmi&nbsp;智能电视&nbsp;MAX&nbsp;98''</p>
                    <p class="orange">19999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-6.webp" alt="S-navbar3-6">
                    </div>
                    <p class="grey">小米电视4A&nbsp;60英寸</p>
                    <p class="orange">2599元</p>
                  </li>
                </ul>
              </div>

            </li>
          </a>
          <a href="">
            <li class="container">
              笔记本
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-1.webp" alt="S-navbar4-1">
                    </div>
                    <p class="grey">Redmi&nbsp;G&nbsp;游戏本</p>
                    <p class="orange"></p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-2.webp" alt="S-navbar4-2">
                    </div>
                    <p class="grey">RedmiBook&nbsp;16</p>
                    <p class="orange">4999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-3.webp" alt="S-navbar4-3">
                    </div>
                    <p class="grey">RedmiBook&nbsp;14&nbsp;Ⅱ</p>
                    <p class="orange">3299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-4.png" alt="S-navbar4-4">
                    </div>
                    <p class="grey">Pro&nbsp;15.6"&nbsp;2020款</p>
                    <p class="orange">6999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-5.webp" alt="S-navbar4-5">
                    </div>
                    <p class="grey">RedmiBook&nbsp;Air&nbsp;13</p>
                    <p class="orange">4499元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-6.webp" alt="S-navbar4-6">
                    </div>
                    <p class="grey">显示器</p>
                    <p class="orange">2399元</p>
                  </li>
                </ul>
              </div>
            </li>
            </li>
          </a>
          <a href="">
            <li class="container">
              家电
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-1.webp" alt="S-navbar5-1">
                    </div>
                    <p class="grey">米家互联网空调C1（一级能效）</p>
                    <p class="orange">2399元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-2.png" alt="S-navbar5-2">
                    </div>
                    <p class="grey">米家互联网空调（一级能效）</p>
                    <p class="orange">2399元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-3.jpg" alt="S-navbar5-3">
                    </div>
                    <p class="grey">Redmi全自动波轮洗衣机1A</p>
                    <p class="orange">799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-4.png" alt="S-navbar5-4">
                    </div>
                    <p class="grey">米家互联网洗烘一体机10kg</p>
                    <p class="orange">1999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-5.webp" alt="S-navbar5-5">
                    </div>
                    <p class="grey">米家风冷对开门冰箱&nbsp;483L</p>
                    <p class="orange">2369元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-6.webp" alt="S-navbar5-6">
                    </div>
                    <p class="grey">米家两门冰箱&nbsp;160L</p>
                    <p class="orange">949元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              路由器
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-1.webp" alt="S-navbar6-1">
                    </div>
                    <p class="grey">小米路由器AX6000</p>
                    <p class="orange">599元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-2.webp" alt="S-navbar6-2">
                    </div>
                    <p class="grey">Redmi路由器&nbsp;AX6</p>
                    <p class="orange">329元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-3.webp" alt="S-navbar6-3">
                    </div>
                    <p class="grey">Redmi路由器&nbsp;AX5</p>
                    <p class="orange">249元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-4.webp" alt="S-navbar6-4">
                    </div>
                    <p class="grey">小米路由器&nbsp;AX1800</p>
                    <p class="orange">329元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-5.webp" alt="S-navbar6-5">
                    </div>
                    <p class="grey">小米AIoT路由器AX3600</p>
                    <p class="orange">499元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-6.webp" alt="S-navbar6-6">
                    </div>
                    <p class="grey">Redmi路由器AC2100LL</p>
                    <p class="orange">169元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              智能硬件
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-1.webp" alt="S-navbar7-1">
                    </div>
                    <p class="grey">小米全自动智能门锁</p>
                    <p class="orange">1799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-2.webp" alt="S-navbar7-2">
                    </div>
                    <p class="grey">Redmi小爱触屏音箱Pro8</p>
                    <p class="orange">499元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-3.jpg" alt="S-navbar7-3">
                    </div>
                    <p class="grey">小米小爱触屏音箱</p>
                    <p class="orange">199元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-4.webp" alt="S-navbar7-4">
                    </div>
                    <p class="grey">Redmi小爱音箱&nbsp;Play</p>
                    <p class="orange">79元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-5.webp" alt="S-navbar7-5">
                    </div>
                    <p class="grey">查看全部</p>
                    <p class="orange">智能硬件</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">服务</li>
          </a>
          <a href="">
            <li class="container">社区</li>
          </a>
        </ul>
      </div>

    </div>

  </section>
  <footer>
    <div class="foot-left">
      <div class="logo">
        <img src="./assets/images/S-logo-footer.png" alt="S-logo-footer">
      </div>
    </div>
    <div class="foot-right">
      <div class="foot-text-one">
        <ul>
          <li>
            <a href="">
              小米商城
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              MIUI
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              米家
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              米聊
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              多看
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              游戏
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              政企服务
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              小米天猫店
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              小米集团隐私政策
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              小米公司儿童信息保护规则
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              小米商城隐私政策
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              小米商城用户协议
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              问题反馈
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              Select Location
            </a>
          </li>
        </ul>
        <ul>
          <li>
            <a href="">
              北京互联网法院法律服务工作站
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              中国消费者协会
            </a>
          </li>
          <span class="ver-line"></span>
          <li>
            <a href="">
              北京市消费者协会
            </a>
          </li>
          <span class="ver-line"></span>
        </ul>
      </div>
      <div class="foot-text-two">
        <p>
          <a href="" class="no">&copy;</a>
          <a href="" class="light">mi.com</a>
          <a href="" class="no"> 京ICP证110507号</a>
          <a href="" class="light">京ICP备10046444号</a>
          <a href="" class="light"> 京公网安备11010802020134号</a>
          <a href="" class="light">京网文[2020]0276-042号</a>
        </p>
        <p>
          <a href="" class="light">（京）网械平台备字（2018）第00005号</a>
          <a href="" class="light">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
          <a href="" class="light">营业执照</a>
          <a href="" class="light">医疗器械质量公告</a>
        </p>
        <p>
          <a href="" class="light">增值电信业务许可证</a>
          <a href="" class="no"> 网络食品经营备案&nbsp;京食药网食备202010048</a>
          <a href="" class="light">食品经营许可证</a>
        </p>
        <p>
          <a href="" class="no">违法和不良信息举报电话：171-5104-4404 &nbsp</a>
          <a href="" class="light">知识产权侵权投诉</a>
          <a href="" class="no"> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
        </p>
      </div>
      <div class="foot-img">
        <a href="">
          <img src="./assets/images/footer-truste.png" alt="footer-truste">
        </a>
        <a href="">
          <img src="./assets/images/footer-truste2.png" alt="footer-truste2">
        </a>
        <a href="">
          <img src="./assets/images/footer-truste3.png" alt="footer-truste3">
        </a>
        <a href="">
          <div>
            <img src="./assets/images/footer-truste4.png" alt="footer-truste4" class="foot-last">
            <img src="./assets/images/footer-truste5.png" alt="footer-truste5" class="foot-last">
          </div>
        </a>
      </div>
      <div class="foot-text-three">
        让全球每个人都能享受科技带来的美好生活
      </div>
    </div>
  </footer>
</body>

</html>